﻿@using Orchard.Layouts.ViewModels;
<div class="layout-element-wrapper" ng-class="{'layout-container-empty': getShowChildrenPlaceholder()}">
    <ul class="layout-panel layout-panel-main">
        <li class="layout-panel-item layout-panel-label">Form ({{element.name}})</li>
        <li class="layout-panel-item layout-panel-action layout-panel-action-edit" ng-show="{{element.hasEditor}}" title="Edit form (Enter)" ng-click="edit()"><i class="fa fa-code"></i></li>
        @{
            var additionalItems = new [] {
                new LayoutEditorPropertiesItem() {
                    Label = "Name:",
                    Model = "element.name"
                }
            };
        }
        @Display(New.LayoutEditor_Template_Properties(ElementTypeName: "form", Items: additionalItems))
        <li class="layout-panel-item layout-panel-action" title="@T("Delete form (Del)")" ng-click="delete(element)"><i class="fa fa-remove"></i></li>
    </ul>
    <div class="layout-container-children-placeholder">
        Drag an element from the toolbox and drop it here to add content.
    </div>
    @Display(New.LayoutEditor_Template_Children())
</div>